Overview:

This PR introduces a control bar at the top of the map to align with the behavior of the Angular Hazmapper app:

• Show map name
• Displays the associated DesignSafe project name.
• Shows a spinner while features are being loaded.

It also handles different errors that could occur.

Additional Hooks:

• useMapMousePosition: Tracks the mouse position on the map.
• useCurrentFeatures: Updated to indicate when new features are loading.
• useProjectUsers: Retrieves map project users.

PR Status:

• Ready.

Related Jira tickets:

• WG-260

Summary of Changes:

Testing Steps:

Example routes are provided that correspond to maps on staging (i.e. GeoapiBackendEnvironment.Staging in src/secret_local.ts )

• http://localhost:4200/project/cd010f4d-3975-4fde-8bbd-b81ffb87273f
  • confirm shows map name and project name
  • show loading when features are requested (occurs very quickly on this small map).
• http://localhost:4200/project-public/cd010f4d-3975-4fde-8bbd-b81ffb87273f
  • see public view of map
  • could go into incognito to see this view as well.
• http://localhost:4200/project/b148ab1c-3195-49d9-81cc-da845bae59d4. (made up incorrect map)
  • see This map project does not exist; right now real uuids have to be used but fixing in hotfix: return 404 if project uuid is invalid geoapi#236
• http://localhost:4200/project/47d38caf-c800-468a-91db-f905cc661ccb (map only for user nathan_f
  • see 'You don't have permission to access this map project'

UI Photos:

Error getting map:

Map doesn't exist

Map is private and user isn't a member of the project:

Public map (not logged in)

Public map (logged in)

Private map view

Notes: